<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Search</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../resources/css/mui.css">
		<link rel="stylesheet" href="../../resources/css/style.css">
		<link rel="stylesheet" href="../../resources/css/order/search.css" />
		<link rel="stylesheet" href="../../resources/css/order/list.css">
		<script src="../../resources/assets/mui.js"></script>
		<script src="../../resources/assets/avalon.js"></script>
		<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
		<script src="../../resources/js/lang/en.js"></script>
		<script src="../../resources/js/dahua.config.js"></script>
		<script src="../../resources/js/common.js"></script>
		<script src="../../resources/js/order/search.js"></script>
		
	</head>

	<body ms-controller="listPage">
		<input type="hidden" value="" id="uid"/>
		<!--头部-->
		<header class="mui-bar mui-bar-nav header">
			<div class="mui-row">
				<div class="mui-col-xs-1">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-icon-white"></a>
				</div>
				<div class="mui-col-xs-11">
					<div class="mui-input-row mui-search mui-active">
						<input type="search" id="search" class="mui-input-clear search-input" placeholder="Please enter PO/CI">
					</div>
				</div>
			</div>
		</header>

		<div id="content" class="mui-content" ms-visible="flag!=''">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a id="a_po" class="mui-control-item" href="#po">
						Search By PO
					</a>
					<a id="a_ci" class="mui-control-item" href="#ci">
						Search By CI
					</a>
				</div>
				<div class="mui-slider-progress-bar mui-col-xs-6"></div>
				<div class="mui-slider-group">
					<div id="po" class="mui-slider-item mui-control-content">
						<div id="po-list" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class='noData' ms-html="@noPOData"></div>
								<div class="mui-card order" ms-for='(i,item) in @pos'>
								<div class="mui-card-header open-pdpPO" ms-attr="{'id': @item.id,'status': @item.status}">
									<div class="mui-row mui-navigate-right">
										{item.customerPo}
									</div>
								</div>
								<div class="mui-card-content">
									<div class="mui-card-content-inner">
										
										<div class="mui-row">
											<div class="mui-col-xs-6">
												<h5 class="mui-text-left">Status</h5>
											</div>
											<div class="mui-col-xs-6" :visible="@item.status==0">
												<h5 class="mui-text-right">
							                    	UNReceipted
							                    </h5>
											</div>
											<div class="mui-col-xs-6" :visible="@item.status==1">
												<h5 class="mui-text-right">
							                    	Receipted
							                    </h5>
											</div>
											<div class="mui-col-xs-6" :visible="@item.status==2">
												<h5 class="mui-text-right">
							                    	Part Receipted
							                    </h5>
											</div>
										</div>
										
										<div class="mui-row">
											<div class="mui-col-xs-6">
												<h5 class="mui-text-left">Delivery Date</h5>
											</div>
											<div class="mui-col-xs-6">
												<h5 class="mui-text-right">
							                    	{item.outDate}
							                    </h5>
											</div>
										</div>

										<div class="mui-row">
											<div class="mui-col-xs-6">
												<h5 class="mui-text-left">Delivery Qty</h5>
											</div>
											<div class="mui-col-xs-6">
												<h5 class="mui-text-right">
							                    	{item.sendQty}
							                    </h5>
											</div>
										</div>

									</div>
								</div>
							</div>
							</div>
						</div>
					</div>
					
					
					<div id="ci" class="mui-slider-item mui-control-content">
						<div id="ci-list" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class='noData' ms-html="@noCIData"></div>
								<div class="mui-card order" ms-for='(i,item) in @cis'>
									<div class="mui-card-header open-pdpCI" ms-attr="{'id': @item.id,'status': @item.status}">
										<div class="mui-row mui-navigate-right">
											{item.ciNo}
										</div>
									</div>
									<div class="mui-card-content">
										<div class="mui-card-content-inner">
											
											<div class="mui-row">
												<div class="mui-col-xs-6">
													<h5 class="mui-text-left">Status</h5>
												</div>
												<div class="mui-col-xs-6" :visible="@item.status==0">
													<h5 class="mui-text-right">
								                    	UNReceipted
								                    </h5>
												</div>
												<div class="mui-col-xs-6" :visible="@item.status==1">
													<h5 class="mui-text-right">
								                    	Receipted
								                    </h5>
												</div>
												<div class="mui-col-xs-6" :visible="@item.status==2">
													<h5 class="mui-text-right">
								                    	Part Receipted
								                    </h5>
												</div>
											</div>
											
											<div class="mui-row">
												<div class="mui-col-xs-6">
													<h5 class="mui-text-left">Delivery Date</h5>
												</div>
												<div class="mui-col-xs-6">
													<h5 class="mui-text-right">
								                    	{item.outDate}
								                    </h5>
												</div>
											</div>
	
											<div class="mui-row">
												<div class="mui-col-xs-6">
													<h5 class="mui-text-left">Delivery Qty</h5>
												</div>
												<div class="mui-col-xs-6">
													<h5 class="mui-text-right">
								                    	{item.sendQty}
								                    </h5>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>